<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>个人资料</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="../responsive/flexible.css">
    <script src="../responsive/flexible.js"></script>
</head>
<body class="personal_center account info">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        个人资料
    </header>

    <section class="main">


        <div class="account_main">
            <ul class="container">
                <li class="profile">
                    <a href="javascript:void(0)">头像<span><img src="img/cat.png" alt=""></span></a>

                </li>
                <li class="vip_name"><a href="javascript:void(0)">会员名<span>2233099888@qq.com</span></a></li>
                <li><a href="javascript:void(0)">昵称 <span>忍者666～</span></a></li>
                <li><a href="javascript:void(0)">性别 <span>男</span></a></li>
                <li><a href="javascript:void(0)">生日 <span>1988年05月26日</span></a></li>
            </ul>
        </div>

        <!--<div class="mask nickname" id="nickname">
            <div class="prompt_box">
                <div class="content">
                    <i></i>
                    <h2>修改昵称</h2>
                    <input type="text">
                    <p>4-20字符,可由中文,数字,"_""-" 组成</p>
                    <div class="do">
                        <a href="javascript:void(0)" class="cancel">取消</a><a href="javascript:void(0)" class="confirm">确认修改</a>
                    </div>

                </div>

            </div>
        </div>-->

        <div class="mask sex" id="sex">
            <div class="prompt_box">
                <div class="content">
                    <i></i>
                    <h2>性别选择</h2>
                    <ul class="sex_box">
                        <li>男<input type="radio" value="male" id="male" name="sex" checked><label for="male"></label></li>
                        <li>女<input type="radio" value="male" id="female" name="sex"><label for="female"></label></li>
                        <li>保密<input type="radio" value="male" id="secret" name="sex"><label for="secret"></label></li>

                    </ul>
                    <div class="do">
                        <a href="javascript:void(0)" class="cancel">取消</a><a href="javascript:void(0)" class="confirm">确认修改</a>
                    </div>
                </div>

            </div>
        </div>

    </section>


</body>
</html>